<template>
    <div class="zhiban">
        <checked-title>
            <template #title>
                <div class="title">
                    <span></span>
                    排班人员表
                    <span></span>
                </div>
            </template>
        </checked-title>

        <div class="peoplist">
            <el-table :data="tableData" style="width: 100%">
                <el-table-column prop="title" label="队伍">
                </el-table-column>
                <el-table-column prop="zhiban" label="值班人员">
                </el-table-column>
                <el-table-column prop="xunluo" label="巡逻人员">
                </el-table-column>
            </el-table>
        </div>
    </div>
</template>

<script>
import { VideoListDB } from '@/api'

export default {
    data() {
        return {
            tableData: []
        }
    },
    mounted() {
        this.gridListFn()
    },
    methods: {
        gridListFn() {
            VideoListDB.gridListDB().then(res => {
                console.log(res)
                this.tableData = res.data
            })
        }
    }
}
</script>

<style lang="less" scoped>
.zhiban {
    width: 100%;

    .peoplist {
        width: 100%;
    }
}
/* 覆盖最外层的el-table背景色 */
::v-deep .el-table,
::v-deep .el-table__expanded-cell {
  background-color: transparent !important;
}

/* 覆盖表格头部、行和单元格的背景色 */
::v-deep .el-table th,
::v-deep .el-table tr,
::v-deep .el-table td {
  background-color: transparent !important;
  color: #fff;
}

/* 去除表格底部的白线 */
::v-deep .el-table::before {
  height: 0px !important;
}

/* 去除表格边框（如果需要） */
::v-deep .el-table th,
::v-deep .el-table td {
  border: none !important;
}
</style>